<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图片懒加载的实现</title>
</head>
<!-- 
  懒加载的优点:
    提高前端的性能，图片在需要的时候才加载。减轻服务器的负担，提高页面加载的速度，减少带宽
  
  实现原理:
    利用html5的特性，只有加载时才将data-xxx的值赋予了src。就能实现图片按需加载了。
    <img src="" data-src=""/>
    lazyload的插件
 -->

<body>

</body>

</html>